<!DOCTYPE html>
<%@ include file="/WEB-INF/views/common/includes.jsp"%>
<html>
<head>
<title>Hello World</title>
<link href="/res/css/main.css" type="text/css" rel="stylesheet" />
</head>
<body>
	<div class="mainWrapper">
		<div class="leftMenu">
			<a href="#">a link</a>
		</div>
		<div class="mainContainer">
			<ol class="homeStream">
				<c:forEach var="tweet" items="${tweets}">
					<li class="streamItem streamItemTweet">
						<c:choose>
							<c:when test="${not empty tweet.userPicture}">
								<img class="avatar twitterAvatar" src="${tweet.userPicture}" alt="" />
							</c:when>
							<c:otherwise>
								<img class="avatar twitterAvatar" src="/res/img/noavatar.png" alt="" />
							</c:otherwise>
						</c:choose>
						<div class="twitterItemHeader">
							<a class="twitterFullName" href="http://twitter.com/${tweet.username}" target="_blank">
								<strong>${tweet.userFullName}</strong>
							</a>
							<a class="username twitterScreenName" href="http://twitter.com/${tweet.username}" target="_blank">
								<span>@<b>${tweet.username}</b></span>
							</a>
							<small class="time">
								<a href="https://twitter.com/${tweet.username}/status/${tweet.tweetId}" class="twitterTimestamp" title="${tweet.createdAt}" target="_blank">
									<span class="_timestamp js-short-timestamp js-relative-timestamp">${tweet.createdAt}</span>
								</a>
							</small>
						</div>
						<p class="twitterContent">${tweet.text}</p>
						<p class="twitterFooter">
							<span><b>fav:</b> ${tweet.favoriteCount}</span>
							<span><b>rt:</b> ${tweet.retweetCount}</span>
						</p>
						<div class="clearfix"></div>
					</li>
				</c:forEach>
			</ol>
		</div>

		<div class="clearfix"></div>
	</div>
</body>
</html>
